* {
    margin: 0;
    padding: 0;
}
.clear-both {
    clear:both;
}
.center {
    text-align: center;
}

html,body {
    margin: 30px 0;

    font-size: 12px;
    font-family: Droid Sans,Helvetica, Arial, sans-serif;
}
body {

}
.content {
     padding: 30px 20px 10px 20px;
}

thead {
    font-weight: bold;
    background-color: #fcf8e3;
}

a {
    cursor: pointer;
}
.link {
  cursor: pointer;
}
.actions {
  position: relative;
  height: 30px;
}
.action {
  cursor: pointer;
  color: #428bca;
  text-decoration: none;
}

.on-left {
  float: left;
}
.on-right {
  float: right;
}


span.hide {
    display: none;
}
span.required {
    color: red !important;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

form label.error {
  display: inline !important;
  margin-left: 6px !important;
}

.alertify-message .my-error {
    font-size: 18px;
    color: #ff0000;
}

.alertify-message .my-success {
  font-size: 18px;
  color: green;
}

.right {
    float: right;
}

.ui-state-highlight {
    float: left;
    width: 82px;
    height:62px;
    border: 1px solid #f9dd34;
    background: #ffef8f 50% top repeat-x;
    color: #363636;
}


.form-horizontal .control-group::before, .form-horizontal .control-group::after {
  display: none!important;
  content: ""!important;
  line-height: 0!important;
}

.table th, .table td {
  vertical-align: middle !important;
}

img.prew {
  height: 80px;
  width: 74px;
  margin: 3px;
}
img.thumb{
    max-height: 50px;
    max-width: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

form input.ng-invalid.ng-dirty {
  background-color: #FA787E;
}
form input.ng-valid.ng-dirty {
  background-color: #78FA89;
}

.form-group {
  &.input {
    height: 34px;
  }
  &.textarea {
    height: 74px;
  }
  &.button {
    height: 34px;
  }
  &.upload {
    height: 120px;
  }
  &.map {
    height: 250px;
    .controls {
      height: 100%;
    }
  }
}

#baidu-map {
  height: 250px;
  width: 300px;
}

.fileinput-controls {
  float: left;
  .btn.fileinput-button {
    margin: 3px;
    padding: 0;
    overflow: hidden;
    &.disabled {
      display: none;
    }
    .icon {
      margin-top: 5px;
      height: 80px;
      width: 74px;
      background: image-url("upload.png") no-repeat;
    }

    input {
      position: absolute;
      top: -10000px;
      right: 0;
      margin: 0;
      opacity: 0;
      -ms-filter: 'alpha(opacity=0)';
      font-size: 200px;
      direction: ltr;
      cursor: pointer;
    }
  }
}


.fileinput-preview {
  float: left;
  margin: 3px;
  padding: 0;

  .image-container{
    position: relative;
    float: left;
    height: 80px;
    width: 74px;
    margin: 3px;
    .remove {
      position: absolute;
      cursor: pointer;
      width: 16px;
      height: 16px;
      background-image: image-url("delete-image.png");
      background-repeat: no-repeat no-repeat;

      right: 1px;
      top: 5px;
      z-index: 1;
    }
  }
}

.detail {
  .r {
    padding: 5px;
    height: 30px;
    &.map {
      height: 260px;
    }
    .c1 {
      float: left;
      width: 100px;
      text-align: right;
    }
    .c2 {
      float: left;
      margin-left: 10px;
    }
  }
}

.selection-map {
  width: 100px;
  height: 160px;
}

.carousel-inner {
  img {
    height: 300px !important;
  }
}
.carousel-control {
  padding-top: 130px;
  font-size: 30px !important;
}
.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.0001) 100%) !important;
}
.carousel-control.right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.0001) 100%) !important;
}

